<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义开关按钮</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
<section>
    <label>
        <input type="checkbox">
        <span></span>
        <i class="indicator"></i>
    </label>
    <label>
        <input type="checkbox" checked>
        <span></span>
        <i class="indicator"></i>
    </label>
</section>
</body>
</html>